<template>
  <div id="app">
    <!--<img src="./assets/logo.png">-->
    <router-view/>
    <loading v-if="isLoading"></loading>
    <loading v-if="requesting"></loading>
  </div>
</template>

<script>
  import loading from '@/components/Loading'
  import {mapState} from "vuex";
  export default {
    name: 'App',
    components:{
      loading
    },
    computed:{
      ...mapState([
        'isLoading',
        'requesting'
      ])
    }
  }
</script>

<style>
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    /*font-family: '微软雅黑'!important;*/
  }

  input, button {
    border-width: 0;
    border-color: white;
    border-style: none;
    background: none;
    outline: none;
  }

  a {
    text-decoration: none;
  }

  body {
    font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
    background: #f3f3f3;
    /*overflow: hidden;*/
  }

  .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }

  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
  }

  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    /*margin-top: 60px;*/
  }

  /*清除浮动代码*/
  .clear:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
  }

  .clear {
    zoom: 1
  }

</style>
